<script >
import { createBoolRef } from './sceenConfig';
export default{
  data(){
    return{
      viewer:undefined
    }
  },
  beforeMount(){
    this.viewer = this.$store.state.viewer
  },
  mounted() {
    let settingOptions = this.viewer.zz._settingOptions;

    this.homeButton = createBoolRef("homeButton", settingOptions);
    this.infoBox = createBoolRef("infoBox", settingOptions);
    this.vrButton = createBoolRef("vrButton", settingOptions);
    this.fullscreenButton = createBoolRef("fullscreenButton", settingOptions);
    this.navigationHelpButton = createBoolRef("navigationHelpButton", settingOptions);
    this.sceneModePicker = createBoolRef("sceneModePicker", settingOptions);
    this.contextmenu = createBoolRef("contextmenu", settingOptions);
    this.legend = createBoolRef("legend", settingOptions);
    this.compass = createBoolRef("compass", settingOptions);
    this.fps = createBoolRef("fps", settingOptions);
    this.location = createBoolRef("location", settingOptions);
    this.timeline = createBoolRef("timeline", settingOptions);
  }
}

</script>

<template>
  <table class="zz-scene-table">
    <tr>
      <td class="first-col">回到起始视口</td>
      <td class="secode-col">
        <el-switch v-model="homeButton" inline-prompt active-text="是" inactive-text="否" />
      </td>
    </tr>
    <tr>
      <td class="first-col">属性窗口</td>
      <td class="secode-col">
        <el-switch v-model="infoBox" inline-prompt active-text="是" inactive-text="否" />
      </td>
    </tr>
    <tr>
      <td class="first-col">VR按钮</td>
      <td class="secode-col">
        <el-switch v-model="vrButton" inline-prompt active-text="是" inactive-text="否" />
      </td>
    </tr>
    <tr>
      <td class="first-col">全屏按钮</td>
      <td class="secode-col">
        <el-switch v-model="fullscreenButton" inline-prompt active-text="是" inactive-text="否" />
      </td>
    </tr>
    <tr>
      <td class="first-col">操作提示</td>
      <td class="secode-col">
        <el-switch v-model="navigationHelpButton" inline-prompt active-text="是" inactive-text="否" />
      </td>
    </tr>
    <tr>
      <td class="first-col">场景模式切换</td>
      <td class="secode-col">
        <el-switch v-model="sceneModePicker" inline-prompt active-text="是" inactive-text="否" />
      </td>
    </tr>
    <tr>
      <td class="first-col">右键菜单</td>
      <td class="secode-col">
        <el-switch v-model="contextmenu" inline-prompt active-text="是" inactive-text="否" />
      </td>
    </tr>
    <tr>
      <td class="first-col">比例尺</td>
      <td class="secode-col">
        <el-switch v-model="legend" inline-prompt active-text="是" inactive-text="否" />
      </td>
    </tr>
    <tr>
      <td class="first-col">罗盘</td>
      <td class="secode-col">
        <el-switch v-model="compass" inline-prompt active-text="是" inactive-text="否" />
      </td>
    </tr>
    <tr>
      <td class="first-col">fps</td>
      <td class="secode-col">
        <el-switch v-model="fps" inline-prompt active-text="是" inactive-text="否" />
      </td>
    </tr>
    <tr>
      <td class="first-col">相机方位</td>
      <td class="secode-col">
        <el-switch v-model="location" inline-prompt active-text="是" inactive-text="否" />
      </td>
    </tr>
    <tr>
      <td class="first-col">时间轴</td>
      <td class="secode-col">
        <el-switch v-model="timeline" inline-prompt active-text="是" inactive-text="否" />
      </td>
    </tr>



  </table>
</template>

<style>
@import "./sceneConfig.css"
</style>
